
<!DOCTYPE html>
<html>
<head>
  <title>{$microAlliance.name}</title>
  <meta charset="UTF-8">
  <meta name="viewport" content=" initial-scale=1.0,user-scalable=no" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta content="black" name="apple-mobile-web-app-status-bar-style" />
  <meta name="format-detection" content="telephone=no"/>
  <meta name="viewport" content="width=device-width,  initial-scale=1.0, user-scalable=0, minimum-scale=1.0,  maximum-scale=1.0" />
  <style>
      *{
      margin:0px;
      padding:0px;
      font-size: 12px;
      font-family:'microsoft yahei','宋体','tahoma',​'arial',​'simsun',​'sans-serif' ;
      color: #444444;
    }

    img{border: none;}
    li{list-style: none;}
    .cle{clear:both;}
    a{ color: #333333;text-decoration: none; border: none;}
    a:hover{color:#bb0000;cursor: pointer;}
    body {
      background: #ccc;
    }
    .max-box {
      max-width: 640px;
      margin: 0 auto;
    }
    .header img{
      width: 100%;
      border-radius: 10px;
    }
    .con-list li {
      margin: 0 0px 5px 0px;
      background-color: #fff;
      border-radius: 8px;
      overflow: hidden;
    }
    .con-top {
      background: #fff;
    }
    .con-ico img{
      width: 50px;
      height: 50px;
      margin: 5px 0 9px 5px;
      float: left;
    }
    .con-ico {
      margin-right: 30px;
    }
    .con-cont {
      float: left;
      margin: 6px 0 0 5px;
    }
   .con-top:after,.con-list li:after {
      content: "";
      display: block;
      clear: both;
    }
    .con-down {
      float: right;
    }
    .con-cont p span {
      color: #ABABAB;
    }
    .con-down a {
      display: block;
      margin: 19px 5px 0 0;
      background: #22AD38;
      color: #fff;
      padding: 3px 6px 3px 21px;
      border-radius: 13px;
      position: relative;
    }
    .con-tit {
      font-size: 1.3em;
    }
    .con-down a:after,.con-down a:before {
      content: "";
      position: absolute;
      left: 9px;
      top: 10px;
      width: 9px;
      height: 2px;
      background: #fff;
    }
     .con-down a:before {
      transform: rotate(90deg);
    }
   .con-list {
      margin-top: 4px;
   }
  </style>
<body >
  <div class="max-box">
     <div class="header">
       <img src="{$microAlliance.logo}" alt="">
     </div>
     <ul class="con-list">
     <foreach name="microAllianceContent" item="vo">
       <li>
		       <a href="{$vo.url}">
		         <div class="con-top">
		           <div class="con-ico">
		             <img src="{$vo.logo}" alt="">
		             <div class="con-cont">
		               <p class="con-tit">{$vo.title}</p>
		               <p><span>{$vo.desc}</span></p>
		             </div>
		           </div>
	           </a>
	           <div class="con-down">
	             <a href="{$vo.url}">关注</a>
	           </div>
	         </div>
         
       </li>
       </foreach>
     </ul>
  </div>
</body>
</html>